<template>
	<div class="minebox">
		<div class="mineabout">
			<div class="minemyself">
				<image src="../../static/my/touxiang.png" class="img96"></image>
				<div class="myinfo">
					<p class="myname fsize32w">陈五五</p>
					<p class="mycell fsize24w">13152895746</p>
				</div>
			</div>
			<div class="install" @click = 'gotoinstall'>
				<div class="installtxt fsize28w">设置</div>
				<image src="../../static/my/install.png" class="img32"></image>
			</div>
		</div>
		
		<div class="myorderbox">
			<div class="myorder">
				<div class="myordername fsize285">我的订单</div>
				<div class="allmyorder">
					<div class="allmyordertxt fsize26" @click = 'gotomyorder'>查看全部订单</div>
					<image src="../../static/details/goto.png" class="img32"></image>
				</div>
			</div>
			<div class="myorderlist">
				<div class="myorderitem">
					<image src="../../static/my/waitpay.png" class="img96"></image>
					<div class="myordertype fsize24s">待支付</div>
				</div>
				<div class="myorderitem">
					<image src="../../static/my/waitpay.png" class="img96"></image>
					<div class="myordertype fsize24s">待支付</div>
				</div>
				<div class="myorderitem">
					<image src="../../static/my/waitpay.png" class="img96"></image>
					<div class="myordertype fsize24s">待支付</div>
				</div>
				<div class="myorderitem">
					<image src="../../static/my/waitpay.png" class="img96"></image>
					<div class="myordertype fsize24s">待支付</div>
				</div>
			</div>
		</div>
		<div class="bcbox"></div>
		<div class="myaddress">
			<div class="myaddresstxt fsize285">我的收货地址</div>
			<image src="../../static/details/goto.png" class="img32"></image>
		</div>
		<div class="bcbox"></div>
		<div class="myorder peizong">
			<div class="myordername fsize285">配种记录</div>
			<div class="allmyorder" @click = 'gotobreedinglist'>
				<div class="allmyordertxt fsize26">查看全部配种记录</div>
				<image src="../../static/details/goto.png" class="img32"></image>
			</div>
		</div>
		<div class="myorder peizong">
			<div class="myordername fsize285">扫码登记</div>
			<div class="allmyorder">
				<div class="allmyordertxt fsize26">查看全部全部订单</div>
				<image src="../../static/details/goto.png" class="img32"></image>
			</div>
		</div>
		<div class="bcbox"></div>

		<div class="saomabtn" @click = 'gotosaomacheck'>
			<image src="../../static/my/saoyisao.png"></image>
			<div class="saomatxt fsize32w">扫码</div>
		</div>

	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute: 50,
				second: 32
			};
		},
		onLoad: function() {

		},
		methods: {
			gotoinstall(e) {
				uni.navigateTo({
					url: '../install/install'
				});
			},
			gotomyorder(e) {
				uni.navigateTo({
					url: '../myorder/myorder'
				});
			},
			gotosaomacheck(e) {
				uni.navigateTo({
					url: '../saomacheck/saomacheck'
				});
			},
			gotobreedinglist(e) {
				uni.navigateTo({
					url: '../breedinglist/breedinglist'
				});
			}
		}
	}
</script>

<style lang="less">


	.mineabout {
		background:url(../../static/my/mybc.png);
		background-size: cover;
		display: flex;
		width: 100%;
		height: 264rpx;
		padding-top: 74rpx;
		box-sizing: border-box;
		justify-content: space-between;
		// border-bottom: 1px solid #BEBEBE;
		.minemyself {
			display: flex;
			padding-left: 32rpx;
			

			.myinfo {
				margin-left: 16rpx;
				.myname {
					line-height: 50rpx;
				}
				.mycell {
					line-height: 36rpx;
				}
			}
		}

		.install {
			padding-right: 32rpx;
			display: flex;
			.installtxt {
				line-height: 32rpx;
				margin-right: 16rpx;
			}
		}
	}

	.myorderbox {
		background-color: #FFFFFF;
		width:750rpx;
		height:304rpx;
		border-radius:40rpx 40rpx 0px 0px;
		margin-top: -48rpx;
		padding-top: 52rpx;
		
	}
	.myorder {
		display: flex;
		justify-content: space-between;
		.myordername {
			padding-left: 32rpx;
		}
		.allmyorder {
			display: flex;
			padding-right: 32rpx;
		}
		.myordertype {
			margin-top: 16rpx;
			text-align: center;
		}
	}
	.myorderlist {
		display: flex;
		justify-content: space-around;
		.myorderitem {
			margin-top: 32rpx;
			.myordertype {
				text-align: center;
			}
		}
		
	}
	.myaddress {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 106rpx;
		padding: 0 32rpx;
	}
	
	.peizong {
		height: 106rpx;
		align-items: center;
		box-shadow:0px -1px 0px 0px rgba(0,0,0,0.1);
	}
	
	.saomabtn {
		margin: 0 auto;
		margin-top: 82rpx;
		width:336rpx;
		height:112rpx;
		background:linear-gradient(270deg,rgba(24,108,242,1) 0%,rgba(230,244,241,1) 100%,rgba(230,244,241,1) 100%);
		border-radius:70rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		image {
			width: 72rpx;
			height: 72rpx;
		}
	}

</style>
